<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>放大镜效果</title>
	<link  rel="stylesheet" type="text/css" href="css/layout.css">
	<script type="text/javascript" src="scripts/jquery.js"></script>
	
</head>
<body>
  <div id="container">
	<div id="small-pic">
		<img src="img/T1S3g5FXtdXXXXXXXX_!!0-item_pic2.jpg">
		<span id="span"></span>
	</div>
	<div id="big-pic">
		<img src="img/T1S3g5FXtdXXXXXXXX_!!0-item_pic.jpg">
	</div>
	<ul id="ul-pic">
		<li class="choosed">
		   <a  href="javascript:void(0)" smallPic="img/T1S3g5FXtdXXXXXXXX_!!0-item_pic2.jpg" bigPic="img/T1S3g5FXtdXXXXXXXX_!!0-item_pic.jpg">
		        <img src="img/T1S3g5FXtdXXXXXXXX_!!0-item_pic3.jpg">
		   </a>
		</li>
		<li>
		   <a href="javascript:void(0)" smallPic="img/T2gCkTXk4XXXXXXXXX_!!461624252.jpg" bigPic="img/T2gCkTXk4XXXXXXXXX_!!46162425.jpg">
		      <img src="img/T2gCkTXk4XXXXXXXXX_!!461624253.jpg">
		   </a>
		</li>
	</ul>
 </div>
 <script type="text/javascript" src="scripts/index-jq.js"></script>
 <script type="text/javascript">
     $("#container").magnifier();
 </script>
</body>
</html>